import React from 'react';
import { connect } from 'dva';
import { NavLink } from 'dva/router';

// import 'bootstrap/dist/css/bootstrap.min.css';
import styles from './IndexPage.css';



import { Button } from 'antd';


function IndexPage() {
  return (
    <div className={styles.normal}>
      <h1 className={styles.title}>Yay! Welcome to dva!</h1>
      <div>
        <Button size="large" type="primary" href="/user">用户管理</Button>
        <Button size="large" href="/count">计数器</Button>
        <Button size="large" type="dashed" href="/message">留言板</Button>
        <Button size="large" type="link">Link</Button>
      </div>
      <ul className={styles.list}>
        {/* <li>
          <NavLink className="btn btn-default" to="/user">用户管理</NavLink>
        </li>
        <li>
          <NavLink className="btn btn-default" to="/count">计数器</NavLink>
        </li>
        <li>
          <NavLink className="btn btn-default" to="/message">留言板</NavLink>
        </li> */}
        {/* <li>To get started, edit <code>src/index.js</code> and save to reload.</li>
        <li><a href="https://github.com/dvajs/dva-docs/blob/master/v1/en-us/getting-started.md">Getting Started</a></li> */}
      </ul>

      <div className={styles.welcome} />

    </div>
  );
}

IndexPage.propTypes = {
};

export default connect()(IndexPage);
